﻿<%@ Page Title="" Language="C#" MasterPageFile="~/huongnghiep/frontend.Master" AutoEventWireup="true" CodeBehind="trend.aspx.cs" Inherits="VQWEB.huongnghiep.news.trend" %>
<asp:Content ID="Head" ContentPlaceHolderID="Head" runat="server"></asp:Content>
<asp:Content ID="Content" ContentPlaceHolderID="Content" runat="server">
    <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12 f-content-left">            
        <!-- Thanh điều hướng -->
        <ol class="breadcrumb" id="plbrc">
            <li><a href="/trang-chu.html">Trang chủ</a></li>
        </ol>
        <!--/ Thanh điều hướng -->
        <!-- Xu hướng nghề nghiệp -->
        <div class="row f-row">
            <div class="col-md-12">
            <div class="col-lg-12 f-color group">
                <h4 class="f-tab"><i class="glyphicon glyphicon-record"> </i> Xu hướng nghề nghiệp</h4>
            </div>
            </div>
        </div>
        <div class="row">
            <div class="container">
            <div class="col-lg-12 f-gray group" id="pl_news">
                <!--/ Content goes here -->
            </div>
            <div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3 col-xs-12">
                <button type="button" class="btn btn-hn btn-block" onclick="loadmore();">Xem thêm ---></button>
            </div>
            </div>
        </div>
    </div><!--/ Page content left -->
</asp:Content>
<asp:Content ID="Script" ContentPlaceHolderID="Script" runat="server">
    <script src="/js/jquery.jqote2.js" type="text/javascript"></script>
    <script type="text/javascript" src="/js/common.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#auto").tooltip({
                placement: "auto",
                title: "tooltip on auto"
            });
        });
    </script>
    <script type="text/javascript">
        var iPage = 1;
        var iBusy = false;
        var url_ashx = "/news/handler";
        function loadNews(curPage, pageSize) {
            iBusy = true;
            $.post(url_ashx, { curPage: curPage, pageSize: pageSize }, function (data) {
                $.get('/huongnghiep/templates/news/trend.tpl', function (tmpl) {
                    $("#pl_news").jqoteapp(tmpl, $.parseJSON(data));
                    iBusy = false;
                    $('#pl_news img').error(function () {
                        $(this).attr('src', '/img/no.jpg');
                    });
                });
            });
        }
        function loadmore() {
            iPage += 1;
            loadNews(iPage, 6);
        }

        $(document).ready(function() {
            loadNews(1, 6);
        });
    </script>
</asp:Content>
